@charset "utf-8";
/************************************************************************************/
/* 1. 웹폰트 선언																		*/
/* 2. 태그 초기화																		*/
/* 3. TOP																					*/
/*		3-1. TOP logo																	*/
/*		3-2. TOP utility																	*/
/* 4. MAIN BODY																		*/
/* 5. NAV																					*/
/* 6. FOOTER																			*/
/*		7-1. FOOTER logo																*/
/*		7-2. FOOTER copyright														*/
/*		7-3. FOOTER utility															*/
/* 7. COMMON																		*/
/* 8. SUB PAGE MODULES STYLE												*/
/************************************************************************************/

/****************************************************************/
/* 1. 웹폰트 선언												*/
/****************************************************************/
/*
	@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
	@import url("http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css");
	@import url("http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css");
	@import url("http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css");
	@import url("http://fonts.googleapis.com/earlyaccess/nanumpenscript.css");
*/
/*
@font-face {
	font-family:'Nanum GothicBold';
	font-style: normal;
	font-weight: 700;
	src: url(./font/NanumGothic-Bold.eot);
	src: url(./font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(./font/NanumGothic-Bold.woff2) format('woff2'), url(./font/NanumGothic-Bold.woff) format('woff'), url(./font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
	font-family:'Nanum Gothic';
	font-style: normal;
	font-weight: 400;
	src: url(./font/NanumGothic-Regular.eot);
	src: url(./font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(./font/NanumGothic-Regular.woff2) format('woff2'), url(./font/NanumGothic-Regular.woff) format('woff'), url(./font/NanumGothic-Regular.ttf) format('truetype'); 
}
*/

/****************************************************************/
/* 2. 태그 초기화												*/
/****************************************************************/
html, body							{ font-family:Dotum, "돋움", Gulim, "굴림"; font-size:12px; }
body								{ overflow-y:auto; height:100%; }
article, aside, details, figcaption, figure, hgroup, header, footer, menu, nav, section
{ position:relative; display:block; }
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img
{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; }
legend, caption						{ display:none; }
li, dd, dt							{ list-style:none; padding:0; margin:0; }
button, input, textarea, label		{ line-height:normal; font-family:Dotum, "돋움", Gulim, "굴림"; }
table								{ border-collapse:collapse;	border-spacing:0; }
img									{ border:0; }
a									{ text-decoration:none; }

#external_wrap						{ min-width:1200px; width:100%; }
/****************************************************************/
/* 3. TOP														*/
/****************************************************************/
#top_wrap							{ position:relative; display:block; width:100%; height:80px; overflow:hidden; background:#3e3e3e url("../../images/adm_common/t_ex_pattern.gif") repeat-x left bottom; overflow:hidden; }
	.top_wrap_inner_wrap			{ position:relative; display:block; width:1200px; height:80px; }
		.t_logo_wrap				{ position:relative; display:block; float:left; width:200px; height:80px; border-right:1px solid #262626; }
			.t_logo_a				{ position:relative; display:block; width:100%; text-align:center; text-decoration:none; padding:20px 0 0 0; }
				.t_logo_a_txt1		{ position:relative; display:block; color:#fff; font-size:20px; font-weight:bold; text-shadow:2px 2px 1px rgba(0, 0, 0, 1); }
				.t_logo_a_txt2		{ position:relative; display:block; color:#ccc; font-size:10px; }

		.t_util_wrap				{ position:relative; display:block; float:left; height:100%; }
			.t_util_layout			{ position:relative; display:block; height:100%; overflow:hidden; }
				.t_util_li			{ position:relative; float:left; border-right:1px dotted #222; }
				.t_util_li_last		{ position:relative; float:left; margin-right:30px; }
					.t_util_a		{ display:block; color:#fff; height:80px; padding:0 20px; text-align:center; font-size:11px; }
					.t_util_a:hover	{ text-decoration:underline; }
					.t_util_a img	{ line-height:0; margin:20px 0 0 2px; }
						.t_util_no	{ position:absolute; display:block; width:23px; height:19px; right:5px; top:5px; background:url("../../images/adm_common/t_util_no_back.png") no-repeat center top; font-size:10px; text-align:center; line-height:15px; font-weight:bold; }

		.t_ex_search_wrap			{ float:left; padding:20px 0 0 0; overflow:hidden; }
			.t_search_input_text	{ float:left; }
				.t_search_keyword	{ width:245px; height:40px; background:url("../../images/adm_common/t_search_keyword.png") no-repeat center top; color:#fff; text-indent:10px; }
			.t_search_go			{ float:left; margin-left:10px; }

		.t_user_info				{ float:right; padding:20px 0 0 0; margin-right:3%; overflow:hidden; }
			.t_user_thumbnail		{ display:block; float:left; }
				.t_user_thumbimg	{ vertical-align:middle; }
			.t_user_title			{ display:block; float:left; padding:5px 0 0 10px; color:#ccc; }
				.t_user_group	{ display:block; font-size:12px; }
				.t_user_name	{ font-weight:bold; font-size:16px; color:#fff; }


/****************************************************************/
/* 4. MAIN BODY													*/
/****************************************************************/
#body_wrap						{ position:relative; display:block; float:left; width:100%; overflow:hidden; background:#eaeaea url("../../images/adm_common/nav_aside_back_pattern.gif") repeat-y left top; }

/****************************************************************/
/* 5. NAV														*/
/****************************************************************/
#nav_wrap						{ width:200px; display:block; height:100%; float:left; background-color:#373737; }
#nav									{ width:100%; }
	.menu_group1_layout							{ display:block; margin:10px 0 0 0; }
		.menu_group1_li								{ background:#373737 url("../../images/adm_common/nav_mainmenu_pattern.gif") repeat-x left bottom; }
			.menu_group1_a							{ display:block; position:relative; width:80%; height:46px; line-height:46px; margin:0 auto; color:#ccc; font-weight:normal; text-decoration:none; border-bottom:1px solid #555; background:url("../../images/adm_common/nav_btn_arrow.png") no-repeat right 50%; font-size:11px; }
			.menu_group1_a img					{ width:26px; height:26px; line-height:0; float:left; margin:10px 10px 0 0; vertical-align:middle; }
			.menu_group1_a_noChild				{ display:block; position:relative; width:80%; height:46px; line-height:46px; margin:0 auto; color:#ccc; font-weight:normal; text-decoration:none; border-bottom:1px solid #555; font-size:11px; }
			.menu_group1_a_noChild img		{ width:26px; height:26px; line-height:0; float:left; margin:10px 10px 0 0; vertical-align:middle; }			
			.menu_group1_a:hover					{ color:#fff; }
					.menu_subgroup1_layout		{ display:none; padding:5px 0; background:#323131 url("../../images/adm_common/nav_submenu_pattern.gif") repeat-x left top; }
						.menu_subgroup1_li			{ }
							.menu_subgroup1_a		{ display:block; position:relative; width:80%; height:30px; line-height:30px; margin:0 auto; color:#aaa; text-decoration:none; font-size:11px; }
							.menu_subgroup1_a:hover	{ color:#fff; }

.nav_lv1								{ display:block; background-color:#fff; background:#fff url("../../images/adm_common/nav_aside_btn_pattern.gif") repeat-x left bottom; border-bottom:1px dotted #ccc; }
	.nav_lv1_btn						{ display:block; position:relative; width:80%; margin:0 auto; padding:10px 0; color:#137ef7; font-weight:bold; text-align:center; }
	.nav_lv1_btn img				{ display:block; margin:0 auto 5px auto; }

/****************************************************************/
/* 6. FOOTER													*/
/****************************************************************/
#footer_wrap						{ position:relative; display:block; width:100%; height:80px; float:left; background:#fff; border-top:1px solid #ccc; clear:both; }
	footer								{ display:block; }
		.f_logo_wrap				{ position:relative; display:block; float:left; width:200px; height:80px; }
			.f_logo_a					{ position:relative; display:block; width:100%; text-align:center; text-decoration:none; padding:20px 0 0 0; }
				.f_logo_a_txt1		{ position:relative; display:block; color:#333; font-size:20px; font-weight:bold; }
				.f_logo_a_txt2		{ position:relative; display:block; color:#777; font-size:10px; }
		.f_copy_wrap				{ position:relative; display:block; float:left; width:1000px; height:80px; line-height:80px; }

/****************************************************************/
/* 7. COMMON													*/
/****************************************************************/
	/* COMMON METHOD */
	.clear								{ clear:both; }
	.no_r_border					{ border-right:0 !important; }
	.hidden								{ display:none !important; }

	/* BLOCK SET */
	.item_block						{ position:relative; display:block; overflow:hidden; }
	.para_block						{ position:relative; display:block; overflow:hidden; }
	.tab_block							{ position:relative; display:block; overflow:hidden; }

	/* CSS3 EFFECT */
	.drop_shadow					{
		-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, .2);
		-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, .2);
		box-shadow:0px 0px 10px rgba(0, 0, 0, .2);
	}
